<template>
  <div class="body">
    <headerView ref="header" systemName="统一身份认证平台" />
    <el-container style="min-height: calc(100vh - 70px);">
      <leftView />
      <mainView />
      <!-- <div class="main_box">
        <headerNav />
      </div> -->
    </el-container>
  </div>
</template>
<script>
import headerView from "@/components/header.vue";
import leftView from "@/components/left.vue";
import mainView from "@/components/main.vue";
// import headerNav from "@/components/headerNav.vue";

export default {
  name: "Index",
  components: {
    headerView,
    leftView,
    mainView,
    // headerNav,
  },
  data() {
    return {};
  },
  created() {
    // alert(234)
  },
  mounted() {
    // alert(23)
    // this.$refs.header.systemName = "统一身份认证平台";
    this.$refs.header.homeIndexName = "Index";

  },
  methods: {},
};
</script>
<style scoped>
.body {
  background: white;
}

.main_box {
  display: flex;
  flex-direction: column;
}
</style>
